import React from "react";

import useCounter from "./utils/useCounter";
import useTime from "./utils/useTime";

// 自定义hooks的作用
// 1. 为了更好的阅读和维护代码
// 2. 组件看起来更简单
// 3. 这个功能可以给其他的组件进行复用

// 文件上传功能
// 秒杀抢购的倒计时功能
// ...

const App = () => {
  const [count, add, minus] = useCounter(100);
  const timeStr = useTime();

  return (
    <>
      <h2>自定义hooks</h2>
      <button onClick={minus}>-</button>
      <span>{count}</span>
      <button onClick={add}>+</button>

      <hr />

      <p>当前时间是: {timeStr}</p>
    </>
  );
};

export default App;
